<template>
  <view class="protocol-container">
    <scroll-view scroll-y class="scroll-content">
      <article class="article">
        <h1 class="h1 tac">道路坑洞检测服务协议</h1>
        <p class="p tac">版本生效日期：2023年12月1日</p>
        
        <h2 class="h2">一、服务条款确认</h2>
        <p class="p">
          1.本服务由[您的公司名称]提供，用户通过授权地理位置信息获取服务区域内道路缺陷分布数据。
          <strong class="strong">请勿上传涉及个人隐私或敏感地理位置信息！</strong>
        </p>
        
        <h2 class="h2">二、数据收集与使用</h2>
        <h3 class="h3">(一) 收集信息类型</h3>
        <p class="p">
          1. <strong class="strong">必要信息：</strong>
          为实现道路检测功能，我们会收集：
          <br>• 设备地理位置（用于生成缺陷分布图）
          <br>• 用户昵称及头像（用于社区功能展示）
          <br>• 手机号码（用于紧急情况联系）
        </p>
        
        <h3 class="h3">(二) 数据使用规范</h3>
        <p class="p">
          1. 地理位置数据仅用于：
          <br>• 生成实时道路状况热力图
          <br>• 统计分析区域道路质量
          <br>• 优化检测算法精度
        </p>
        
        <h2 class="h2">三、用户生成内容</h2>
        <p class="p">
          1. 您上传的坑洞照片/视频将：
          <br>• 用于公共道路安全预警
          <br>• 作为算法训练数据（经脱敏处理）
          <br>• 可能被政府部门调取用于道路维护
        </p>
        
        <h2 class="h2">四、权限说明</h2>
        <p class="p">
          使用本服务需要授权：
          <br>• <strong class="strong">地理位置</strong> - 实时获取道路状况
          <br>• <strong class="strong">相机/相册</strong> - 上传现场照片
          <br>• <strong class="strong">存储权限</strong> - 缓存地图数据
        </p>
        
        <h2 class="h2">五、数据安全</h2>
        <p class="p">
          1. 我们采取以下保护措施：
          <br>• 地理位置信息加密存储
          <br>• 敏感数据脱敏处理
          <br>• 定期安全审计
        </p>
        
        <h2 class="h2">六、数据共享</h2>
        <p class="p">
          1. 仅在以下情况共享数据：
          <br>• 向市政部门提供道路缺陷报告
          <br>• 配合司法机关依法调取
          <br>• 使用地图服务提供商API时必要传输
        </p>
        
        <h2 class="h2">七、用户权利</h2>
        <p class="p">
          1. 您有权：
          <br>• 通过设置关闭实时定位
          <br>• 申请导出个人数据副本
          <br>• 要求删除非必要留存信息
        </p>
        
        <h2 class="h2">八、免责声明</h2>
        <p class="p">
          1. 数据仅供参考，不构成道路安全保证
          <br>2. 因网络延迟导致的位置偏差不承担责任
          <br>3. 用户自行分享信息产生的风险由用户承担
        </p>
      </article>
    </scroll-view>
  </view>
</template>

<style lang="scss" scoped>
.protocol-container {
  height: 100vh;
  background: #f8f9fa;
  
  .scroll-content {
    height: 100%;
    padding: 20rpx;
  }
  
  .article {
    background: white;
    padding: 30rpx;
    border-radius: 16rpx;
    box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.1);
  }

  .h1, .h2, .h3 {
    color: #2c3e50;
    margin: 20rpx 0;
  }

  .h1 {
    font-size: 36rpx;
    line-height: 1.5;
  }

  .h2 {
    font-size: 32rpx;
    border-bottom: 2rpx solid #eee;
    padding-bottom: 10rpx;
    margin-top: 40rpx;
  }

  .h3 {
    font-size: 28rpx;
    margin-top: 30rpx;
  }

  .p {
    font-size: 28rpx;
    line-height: 1.6;
    color: #666;
    margin: 20rpx 0;
    text-align: justify;
  }

  .strong {
    color: #e74c3c;
    font-weight: bold;
  }

  .tac {
    text-align: center;
  }
}
</style>